<!DOCTYPE html>

<html lang="zh-CN">

  <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

    <title>Bootstrap 101 Template</title>



    <!-- Bootstrap -->

    <link href="css/bootstrap.min.css" rel="stylesheet">



    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

    <!--[if lt IE 9]>

      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->

  </head>

  <body>

    <div class="container">

      <div class="row">

        <!--这里添加代码-->

        <h1 class="text-center">用户注册</h1>

        <form class="form-horizontal" method="post" action="doUserReg.php" enctype="multipart/form-data">

          <div class="form-group">

            <label for="username" class="col-md-2 col-xs-3 control-label">用户名</label>

            <div class="col-md-10 col-xs-9">

              <input type="text" class="form-control" id="username" placeholder="用户名" name="username">

            </div>

          </div>



          <div class="form-group">

            <label class="col-md-2 col-xs-3 control-label" for="password">

              密码

            </label>

            <div class="col-md-10 col-xs-9">

              <input name="password" type="password" class="form-control" id="password">

            </div>

          </div>



          <div class="form-group">

            <label class="col-md-2 col-xs-3 control-label" for="gender">性别</label>

            <div class="col-md-10 col-xs-9">

              <label class="radio-inline">

                <input name="gender" type="radio" value="0" id="gender" checked>男

              </label>

              <label class="radio-inline">

                <input name="gender" type="radio" value="1">女

              </label>

            </div>

          </div>





          <div class="form-group">

            <label class="col-md-2 col-xs-3 control-label">学历</label>

            <div class="col-md-10 col-xs-9">

              <select name="degree" class="form-control">

               <option value="0">请选择</option>

                <option value="1">高中</option> 

                <option value="2">大学</option>

              <option value="3">研究生</option>  

              <option value="4">博士生</option>

              </select>

            </div>

          </div>



          <div class="form-group">

            <label class="col-md-2 col-xs-3 control-label" for="pic">头像</label>

            <div class="com-md-10 col-xs-9">

              <input name="pic" type="file" id="pic">

            </div>

          </div>



          <div class="form-group">



            <div class="col-md-10 col-xs-9 col-md-offset-2 col-xs-offset-3">

              <input type="submit" value="注册">

              <input type="reset" value="重置">

            </div>

          </div>



        </form>

      </div>

    </div>



    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

    <script src="js/jquery.min.js"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->

    <script src="js/bootstrap.min.js"></script>

  </body>

</html>

